<div id="page-title">
	<h1 class="page-heading">Contact Slappit</h1>
</div>
<div id="breadcrumb" class="transparent">
	<p>
		<img src="<{$APPLICATION_URL}>/Themes/Default/Images/res-img/home.png" class="home" alt=""> <a
			href="index.html">Home</a> / <a href="contact.html">Contact Us</a>
	</p>
</div>
<div id="main-content">
	<article id="main-article">
	<div class="twothird-column alpha">
		<{include file="Browse/Index/contact.tpl"}>
		<div id="contactform">
			<form action="<{$APPLICATION_URL}>/Browse/ContactUs/index" method="post" id="contact-form" name="contact_form">
				<ol class="forms">
					<li><label for="name">*Name</label><input type="text" id="name"
						name="name" value="">
					</li>
					<li><label for="email">*Email</label><input type="text" id="email"
						name="email" value="">
					</li>
					<li><label for="message">*Message</label> <textarea id="message"
							name="message" rows="200" cols="300"></textarea>
					</li>
					<li>
						<input type="hidden" name="actionForm" id="actionForm" value="">
						<a id="submit-form" class="silver-button" onclick="return formSubmit();">Submit Form</a>
					</li>
				</ol>
			</form>
			<div class="clear"></div>
		</div>
	</div>
	<div class="clear"></div>
	</article>
</div>
<script type="text/javascript">
	function formSubmit()
    {	
		var theform = document.contact_form;		
    	var name = theform.name.value;				
		var email = theform.email.value;
		var message = theform.message.value;		
		
		if(name == ""){
			alert("Please let us know your name!");
			theform.name.focus();
			return false;
		}
		
		if(email == ""){
			alert("Please let us know your email information!");
			theform.email.focus();
			return false;
		}
		
		if(message == ""){
			alert("Please input your content!");
			theform.message.focus();
			return false;
		}

    	theform.actionForm.value = 'submit';
    	theform.submit();
    	return true;
    }
</script>
